<table id="[:control_name:]" class="tagCloud" border="0" cellpadding="0" cellspacing="0" width="100%" url="[:refresh_url:]">
	<tr>
		<td class="tagCloudTopBg"><img src="[:url_cms_img:]/tagCloudName.gif" border="0"></td>
	</tr>
	<tr>
		<td class="tagCloudDisplay" valign="top">
			<repeat:tag><a class="tag"><span class="tagtxt">[:tag_id:]</span><span class="tagdel" tag="[:tag_id:]"></span></a></repeat:tag>
		</td>
	</tr>
	<tr>
		<td style="padding:10px">
			<input class="textbox" id="tagfield" name="tags" style="width: 150px; margin-left: 5px; margin-right:10px" type="text">
			<input class="green submit" value="Tag it" type="button">
		</td>
	</tr>
</table>
<script>
new FormControl('[:control_name:]', {submitOnEnter:false});
$('[:control_name:]').control.find('.tagdel').invoke('observe', 'click', function(){
	var c = $('[:control_name:]').control;
	c.setParam('tag', this.getAttribute('tag'));
	c.processAction('RemoveTag');
});
jQuery("#tagfield").autocomplete('[:gettags_url:]', {
	width: 154,
	multiple: true
});
</script>